<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用v-for</title>
  <script src="../Vue.js"></script>

</head>
<body>
<div id="app">
<!--  循环数组-->
  <h3 v-for="(item,i) in list">索引是{{i}}  内容是{{item}}</h3>

<!--  循环对象-->
  <h3 v-for="(item,key,i) in man">键是{{key}}  值是{{item}}  索引是{{i}}</h3>

<!--  迭代数字，in后面可以是 数组 对象数组 对象 也可以是数字-->
<!--  如果是数字 那么从1开始循环-->
  <h3 v-for="(item,key) in 10">{{item}}  索引是 {{key}}</h3>

</div>

<script>
    new Vue({
      el : '#app',
      data :{
        list:[1,2,3,4,5],
        man:{
          id : 1,
          name : '托尼',

        }
      }
    })
</script>
</body>
</html>
